.top-tips{
  width: 100%;
  background: #fff5f7;
  color: #fc5074;
  text-align: center;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
}
.list{
  &-item{
    position: relative;
    background: #fff;
    overflow: hidden;
    &-remain{
      display: flex;
      align-items: center;
      font-size: 34px;
      color:#453f49;
      padding: 0 30px;
      &-times{
        font-size: 30px;
        color: #fc5074;
      }
      &-tips{
        font-size: 30px;
        color: #99969a;
      }
    }
   .align--center{
     display: flex;
     align-items: center;
   }
   &-top{
    box-shadow: 0px 0px 21px 0px
    rgba(0, 0, 0, 0.08);
    padding: 30px;
   }
   &-name{
     color: #453f49;
     margin:0 20px 0 30px;
     font-size: 34px;
   }
   &-level{
     color: #ffc05c;
     font-size: 26px;
   }
   &-hospital{
      margin: 0 30px;
      font-size: 26px;
      color: #453f49;
   }
   &-reply-box{
     margin: 70px 0 55px 0;
   }
   &-reply{
     font-size: 30px;
     color: #99969a;
     &-content{
       margin: 30px 0;
       background-color: #ececec;
       border-radius: 10px;
       font-size: 30px;
       color: #453f49;
       padding: 30px;
     }
   }
   &-box{
     padding: 30px;
   }
   &-main{
     margin: 30px 0;
     font-size: 30px;
     color: #453f49;
     &-image{
       width: 210px;
       height: 210px;
       margin: 0 10px;
       border-radius: 10px;
     }
      &-times{
        border: 2px solid #ae58ed;
        border-radius: 20px;
        font-size: 24px;
        color: #ae58ed;
        padding: 0 10px;
        margin-right: 10px;
      }
   }
   &-bottom{
     margin-top: 20px;
     font-size: 26px;
     color: #bdbcbe;

   }
   &-label{
     position: absolute;
     width: 200px;
     height: 50px;
     line-height: 50px;
     font-size: 26px;
     text-align: center;
     right:-60px;
     top: 20px;
     transform:rotate(45deg);
     &-now{
      color: #ae58ed;
      background: #efdefb;
     }
     &-wait{
      color: #4ac797;
      background: #dbf4ea;
     }
     &-finish{
      color: #99969a;
      background: #ebeaeb;
     }
   }
  }
  &-order-tips{
    background-color: #ececec;
    color: #99969a;
    font-size: 30px;
    border-radius: 10px;
    margin: 30px;
    padding: 30px;
    text-align: center;
  }
  &-order-tips-red{
    background: #fff5f7;
    color: #fc5074;
  }
}
